<template>
 <div class="cshj-header">
   <span class="left">{{ leftTitle }}</span>
   <span class="right">/ {{ rightTitle }}</span>
 </div>
</template>

<script>
export default {
  name: 'CshjHeader',
  props: {
    leftTitle: {
      type: String,
      default: ''
    },
    rightTitle: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="scss">
.cshj-header {
  display: flex;
  line-height: 50px;
  font-weight: normal;
  align-items: center;
  text-align: center;
  .left {
    font-size: 16px;
    color: $font-color-active;
    margin-right: 4px;
  }
  .right {
    font-size: 12px;
    color: $font-color;
  }
}
</style>
